{template header}
<style type="text/css">
    .boardDiv, .tagDiv{margin-bottom: 10px;}
    .boardDiv, .tagDiv{clear: both;}
    .boardList, .tagList{margin: 10px auto;}
    
    .tagList li{background-color: #CED7E0;}
    .boardList label, 
    .tagList label{float: left;margin-bottom: 0;}
    .boardList label input, 
    .tagList label input {float: left;margin-right: 5px;}
    a.btn-primary {margin-top: 3px;}
    #subButton {display: none;}
    code {padding:5px 10px;}
    .noa {font-weight:bold; color:#333}
</style>
<link rel="stylesheet" href="static/calendar/js/calendar.css" />
<script type="text/javascript" charset="utf-8" src="static/calendar/calendar.php"></script>
<h4 style="padding-left:10px;;">
    <span>搜索</span>
    <i class="icon-search"></i>
</h4>
<form class="form-horizontal clearfix form-inline" method="post" action="">
    <div class="control-group search-group">
        <label class="control-label" >开始时间：</label>
        <div class="controls">
            <input type="text" name="startTimeStr" id="date_time_id" value="{$search['startTimeStr']}">　
            <button name="date_time_btn" type="button" id="date_time_btn" onclick="return showCalendar('date_time_id', '%Y-%m-%d', '24', false, 'date_time_btn');" class="button" id="date_time_id"/>选择</button>
        </div>
    </div>
    <div class="control-group search-group">
        <label class="control-label" >结束时间：</label>
        <div class="controls">
            <input type="text" name="endTimeStr" id="date_time_id2" value="{$search['endTimeStr']}">　
            <button name="date_time_btn2" type="button" id="date_time_btn2" onclick="return showCalendar('date_time_id2', '%Y-%m-%d', '24', false, 'date_time_btn2');" class="button" id="date_time_id2"/>选择</button>
        </div>
    </div>
    <div class="control-group search-group">
        <div class="controls">
            <button class="btn" type="submit">提交</button>　
            <button class="btn" type="reset">重置</button>
        </div>
    </div>
</form>
<div class="boardDiv pt-10">
  <ul class="boardList">
    {if isset($subMenu)}
    {loop $subMenu $v}
      <li><a href="index.php{$v[1]}">{$v[0]}</a></li>
    {/loop}
    {/if}
  </ul>
</div>
<div id="container" style="min-width:700px;height:400px"></div>
<div class="bs-docs-example">    
    <table class="table table-striped">
    <h3>数据列表</h3>
        <thead>
          <tr>
            <th>日期</th>
            {loop $series $k $v}
            <th>{$k}</th>
            {/loop}
          </tr>
        </thead>
        <tbody>
          {loop $dates $d}
          <tr>
            <td>$d</td>
            {loop $series $k $v}
            <td>$v[$d]</td>
            {/loop}
          </tr>
          {/loop}
        </tbody>
    </table>
</div>
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script>
var data = JSON.parse('{$data}')
$(function () {
    $('#container').highcharts({
        title: {
            text: data.title.text,
            x: -20 //center
        },
        subtitle: {
            text: data.subtitle.text,
            x: -20
        },
        xAxis: {
            categories: data.xAxis.categories
        },
        yAxis: {
            title: {
                text: data.yAxis.title.text
            }
        },
        tooltip: {
            valueSuffix: data.tooltip.valueSuffix
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: data.series
    });
});
</script>
{template footer}
